.wrap {
    padding: {
        left: 10px;
        right: 10px;
    }
    margin-bottom: 10px;
    .cover {
        padding-bottom: 394/702*100%;
    }
    :global(.count) {
        position: absolute;
        left: 0;
        bottom: 0;
        display: flex;
        align-items: flex-end;
        width: 100%;
        height: 56px;
        padding: {
          left: 10px;
          bottom: 10px;
        }
        box-sizing: border-box;
        font-size: 12px;
        color: $color-white;
        background-image: linear-gradient(0deg, rgba(0,0,0,0.4) 0%, transparent 100%);
        :global(span){
            margin-right: 10px;
        }
    }
    :global(.title){
        position: absolute;
        left: 10px;
        top: 10px;
        width: 254px;
        color: $color-white;
        font-size: 14px;
        @include max-lines(2);
    }
    :global(.status){
        position: absolute;
        right: 10px;
        top: 10px;
        padding: 0 6px;
        color: $color-white;
        font-size: 12px;
        background-color: rgba(0,0,0,0.5);
    }
}